<template>
    <div style="width:100%">
        <ul>
            <li class="top">
                <p class="myiconcss">$</p>
                <p>今日平台交易额</p>
            </li>
            <li class="top">
                <p class="myiconcss">￥</p>
                <p>昨日平台交易额</p>
            </li>
        </ul>
        <ul>
            <li>
                <i class="el-icon-s-order myiconcss"></i>
                <p>今日订单量</p>
            </li>
            <li>
                <i class="el-icon-check myiconcss"></i>
                <p>今日订单量</p>
            </li>
            <li>
                <i class="el-icon-close myiconcss"></i>
                <p>今日订单量</p>
            </li>
        </ul>
        <ul>
            <li>
                <i class="el-icon-s-order myiconcss"></i>
                <p>今日订单量</p>
            </li>
            <li>
                <i class="el-icon-check myiconcss"></i>
                <p>今日订单量</p>
            </li>
            <li>
                <i class="el-icon-close myiconcss"></i>
                <p>今日订单量</p>
            </li>
        </ul>
    </div>
</template>
<style scoped>
    ul{
        
        list-style: none;
        display: flex;
        justify-content: space-around;
    }
    li{
        width:250px;
        height: 150px;
        background-color: #e02727;
    }
    .top{
        width:300px;
    }
    .myiconcss{
        line-height: 100px;
        margin: 0;
        color:white;
        font-size: 30px;
    }
    p{
        color:white
    }
</style>